<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>待认领订单列表</title>

    <link href="../../resource/css/bootstrap.min.css?v=3.3.5" rel="stylesheet" th:href="@{/resource/css/bootstrap.min.css?v=3.3.5}"/>
    <link href="../../resource/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" th:href="@{/resource/css/font-awesome.min.css?v=4.4.0}"/>
    <!-- Morris -->
    <link href="http://cdn.viptool.cn/lib/morris.js/0.4.3/morris.css" rel="stylesheet">
    <link href="../../resource/css/animate.min.css" rel="stylesheet" th:href="@{/resource/css/animate.min.css}"/>
    <link href="../../resource/css/style.min.css?v=4.0.0" rel="stylesheet" th:href="@{/resource/css/style.min.css?v=4.0.0}"/>
    <link href="../../resource/hotui/css/hotui.style.override.css"
          th:href="@{/resource/hotui/css/hotui.style.override.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div th:replace="fragments/order_detail_front_fg::retail_order_detail_header" class="animated fadeInRight"
     style="padding:0 6px;position:fixed;width:100%;top: 0;z-index:101;">
    <div class="col-lg-12">
        <div class="ibox float-e-margins" style="margin-bottom:0;">
            <div class="ibox-title" style="padding: 14px 15px 11px;">
                <div class="form-inline">
                    <div class="form-group m-r-sm">
                        <label style="font-size: 17px; margin-top: 5px;">
                            订单-
                            <span>20170110095434456651</span>
                            <span class="m-l-xs"
                                  style="font-size:13px;font-weight:normal">待发货</span>
                        </label>
                    </div>
                    <div class="form-group m-r-sm" style="float: right; ">
                        <button onclick="detailHandler.deliverModal()" type="button" class="btn btn-primary btn-sm">发货</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:object="${retailOrder}" class="wrapper wrapper-content animated fadeInRight tooltip-demo" style="margin-top: 59px;">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="tabs-container">

                    <ul class="nav nav-tabs" th:replace="fragments/order_detail_front_fg::retail_order_tab(0)">
                        <li class="active"><a href="order_detail.html">基本信息</a></li>
                        <li class=""><a href="order_log_list.html">订单日志</a></li>
                    </ul>


                    <div class="tab-content">
                        <div class="tab-pane active">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="ibox float-e-margins m-b-none">
                                            <div class="ibox-content p-xxs no-borders" style="border-top: none;">
                                                <label>商品列表：</label>
                                                <p style="height: 5px;"></p>
                                                <div style="max-height: 500px;overflow-y: auto">
                                                    <table class="table table-bordered table-center">
                                                        <thead>
                                                        <tr>
                                                            <th>商品名称</th>
                                                            <th>零售价</th>
                                                            <th>批发价</th>
                                                            <th>数量</th>
                                                            <th>赠送配额</th>
                                                            <th>小计</th>
                                                            <th>操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr th:each="orderItem:${retailOrder.orderItemPOS}">
                                                            <td th:text="${orderItem.goodsInfo.goodsName}"></td>
                                                            <td th:text="${orderItem.goodsInfo.retailPrice}"></td>
                                                            <td th:text="${orderItem.goodsInfo.wsPrice}"></td>
                                                            <td th:text="${orderItem.num}"></td>
                                                            <td th:text="${orderItem.quota}"></td>
                                                            <td th:text="${orderItem.retailGoodsAmount}"></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="ibox float-e-margins">
                                            <div class="ibox-content p-xxs no-borders">
                                                <label>订单详情：</label>
                                                <p style="height: 5px;"></p>
                                                <table class="table table-bordered order-detail-table">
                                                    <tbody>
                                                    <tr>
                                                        <th>订单号：</th>
                                                        <td>
                                                            <span id="lblOrderId" th:text="*{orderId}">20170110095434456651</span>
                                                        </td>
                                                        <th>下单日期：</th>
                                                        <td>
                                                            <span id="lblCreateTime"
                                                                  th:text="*{#temporals.format(createTime,'yyyy-MM-dd HH:mm:ss')}">2017/1/10 22:00:20</span>
                                                        </td>

                                                    </tr>
                                                    <tr>
                                                        <th>商品总金额：</th>
                                                        <td>
                                                            <span id="lblCostItem"
                                                                  th:text="*{goodsAmount}">100.00</span>
                                                        </td>
                                                        <th>订单总金额：</th>
                                                        <td class="color-warning"
                                                            style="font-size: 14px; font-weight: bold;">
                                                            ￥<span id="lblFinalAmount"
                                                                   th:text="*{finalAmount}">100</span>
                                                            <span th:if="*{feeAmount!=null}">（手续费：￥<span th:text="*{feeAmount}"></span>）</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>余额支付：</th>
                                                        <td>
                                                            ￥<span th:text="*{balance}">0</span>
                                                        </td>
                                                        <th>积分支付：</th>
                                                        <td>
                                                            ￥<span th:text="*{integral}">0</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th style="width: 90px;">用户名：</th>
                                                        <td>
                                                            <span th:text="*{userPO.realName}">张三</span>
                                                            <a title="点击查看会员信息" href="#">
                                                                <span th:text="*{userPO.username}">13600541783</span></a>

                                                        </td>
                                                        <th>手机：</th>
                                                        <td th:text="*{userPO.mobile}"></td>
                                                    </tr>
                                                    <tr>
                                                        <th style="width: 90px;">收货人：</th>
                                                        <td th:text="*{receivingInfo.receiver}"></td>
                                                        <th>收货人手机：</th>
                                                        <td th:text="*{receivingInfo.receiverMobile}"></td>
                                                    </tr>
                                                    <tr>
                                                        <th style="width: 90px;">收货地址：</th>
                                                        <td colspan="3" th:text="*{receivingInfo.fullAddress()}"></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                    <!--发货信息-->
                                    <div th:if="*{deliverStatus.code==1}" class="col-sm-12">
                                        <div class="ibox float-e-margins">
                                            <div class="ibox-content p-xxs no-borders">
                                                <label>发货信息：</label>
                                                <p style="height: 5px;"></p>
                                                <table class="table table-bordered order-detail-table">
                                                    <tbody>
                                                    <tr>
                                                        <th>快递单号：</th>
                                                        <td th:text="*{expressNo}"></td>
                                                        <th>快递公司：</th>
                                                        <td th:text="*{expressCompanyName}"></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="../../resource/js/jquery.min.js?v=2.1.4" th:src="@{/resource/js/jquery.min.js?v=2.1.4}"></script>
<script src="../../resource/js/bootstrap.min.js?v=3.3.5" th:src="@{/resource/js/bootstrap.min.js?v=3.3.5}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-utils.js"
        th:src="@{/resource/hotui/js/hot/bootstrap.hot.extra-utils.js(123123)}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-init.js"></script>

<script src="../../resource/hotui/js/content.min.js" th:src="@{/resource/hotui/js/content.min.js}"></script>

<script type="text/javascript">
    var deliverModal = $("#deliver_modal").modal("订单发货", function () {
        deliverHandler.deliver();
    });
</script>
</body>

</html>
